<template>
  <div>
    <open-data type="userAvatarUrl"></open-data>
    <open-data type="userNickName"></open-data>

    <button v-if="canIUse" open-type="getUserInfo" @getuserinfo="bindGetUserInfo">授权登录</button>
    <view v-else>请升级微信版本</view>
  </div>
</template>
<script>
import { getToken } from "@/api";
export default {
  data: {
    canIUse: wx.canIUse("button.open-type.getUserInfo")
  },
  methods: {
    bindGetUserInfo(e) {
      console.log(e.mp.detail)
      const { encryptedData, iv, rawData, signature } = e.mp.detail;
      wx.login({
        success(res) {
          if (res.code) {
            // 获取 login 接口的 code 数据
            const { code } = res;
            // 按要求准备发送的 data 数据
            getToken({
              encryptedData,
              iv,
              rawData,
              signature,
              code
            }).then(res => {
              // 发送成功后，获取 token 值
              const { token } = res.data.message;
              // 如果有 token 值
              if (token) {
                // 把 token 值存储到本地
                wx.setStorageSync("token", token);
                // 返回上一页
                wx.navigateBack({
                  delta: 1
                });
              }
            });
          } else {
            wx.showToast({
              title: "登录失败！", //提示的内容,
              icon: "warn", //图标,
              duration: 1000, //延迟时间,
              mask: true //显示透明蒙层，防止触摸穿透,
            });
          }
        }
      });
    }
  }
};
</script>
<style>
</style>